body {
    /*background: url('../resources/images/backgrounds/bg.jpg') no-repeat scroll 0 0 #FFF;*/
    /*background-size: 100% 100%;*/
    background: none repeat scroll 0 0 #3e3e3e;
}

#document {
    min-height: 1000px;
    color: #FFF;
}

.layout {
    width: 1170px;
    margin: 0 auto;
}

#header {
    background: none repeat scroll 0 0 #212b2d;
    padding: 5px 0 10px;
    border-bottom: 3px solid #040404;
}

#mainMenuHead {
    text-align: center;
}

#menuMain {
    margin-bottom: 40px;
}

#menuMain > li {
    height: 100px;
}

#menuMain .danhde a {
    background-image: url('../resources/images/icons/cash.png');
}

#menuMain .kqxs a {
    background-image: url('../resources/images/icons/list.png');
}

#menuMain .thongke a {
    background-image: url('../resources/images/icons/number.png');
}

#menuMain .huongdan a {
    background-image: url('../resources/images/icons/help.png');
}

#menuMain .lienhe a {
    background-image: url('../resources/images/icons/contact.png');
}


#mainSlidesHead {
    height: 285px;
    margin-top: 10px;
}

#boxSlideThumn {
    height: 100%;
    width: 29%;
}

#boxMainSlides {
    height: 100%;
    width: 69%;
    background: rgba(255, 255, 255, 0.30);
}

.box-thread {
    height: 100%;
    width: 100%;
    padding: 15px 85px;
}


.box-thread > h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
    color: #FFF;
    display: inline-block;
    font: 22px UTMCafeta;
    padding: 10px 30px 6px;
    text-transform: uppercase;
    border-radius: 25px;
    margin-left: 40px;
}

.box-thread > .content {
    margin-top: 30px;
    padding-left: 25px;
}

.box-thread > .content .sode {
    width: 10%;
    text-align: center;
}

.box-thread > .content .sode span {
    font: normal 55px UTMCafeta;
    color: #000;
}

.box-thread > .content .dauduoi {
    width: 40%;
    text-align: center;
}

.box-thread > .content .dauduoi span {
    font: normal 55px UTMCafeta;
    color: #1c1c1c;
}

.box-thread > .content .baolo {
    width: 50%;
    text-align: center;
}

.box-thread > .content .baolo span {
    display: block;
    margin-bottom: 5px;
    font: normal 25px UTMCafeta;
    color: #0e0e0e;
}

.box-thread > .content .baolo span:nth-last-child(1) {
    margin-bottom: 0;
}

.box-thread > .content h2 {
    font: normal 35px Roboto;
    color: #D3DCDB;
    text-transform: uppercase;
    margin-bottom: 10px;
}


#danhDe {
    display: none;
    margin-top: 50px;
}

#danhDe .label-bigwhite-1.danhde:before {
    background: url('../resources/images/icons/cash.png') no-repeat scroll center center #aa1111;
    background-size: 60% 60%;
}

#danhDe .label-bigwhite-1.danhde {
    color: #d02d2d;
    text-shadow: 2px 2px 0 #010101;
    -o-text-shadow: 2px 2px 0 #010101;
    -ms-text-shadow: 2px 2px 0 #010101;
    -moz-text-shadow: 2px 2px 0 #010101;
    -webkit-text-shadow: 2px 2px 0 #010101;
}

#danhDe > .box > .content {
    height: 670px;
    padding-top: 20px;
}

#danhDe #mien {
    width: 14%;
}

#danhDe #mien > .content {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
}

#danhDe #lode {
    width: 14%;
    margin-left: 1%;
    position: relative;
}

#danhDe #lode > .content {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
}

#danhDe #chonso {
    margin-left: 2%;
    width: 69%;
    position: relative;
}

#danhDe #chonso > .content {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
    position: relative;
}


#huongDan {
    display: none;
    margin-top: 50px;
}

#huongDan .label-bigwhite-1.huongdan:before {
    background: url('../resources/images/icons/help.png') no-repeat scroll center center #aa1111;
    background-size: 60% 60%;
}

#huongDan .label-bigwhite-1.huongdan {
    color: #d02d2d;
    text-shadow: 2px 2px 0 #010101;
    -o-text-shadow: 2px 2px 0 #010101;
    -ms-text-shadow: 2px 2px 0 #010101;
    -moz-text-shadow: 2px 2px 0 #010101;
    -webkit-text-shadow: 2px 2px 0 #010101;
}

#huongDan > .content {
    background: none repeat scroll 0 0 rgba(143, 143, 143, 0.4);
    padding: 20px;
}

#huongDan .box-userguide {
    max-width: 700px;
    border-top: 2px groove rgba(255, 255, 255, 0.5);
    margin-top: 30px;
    padding-top: 30px;
}

#huongDan .box-userguide:nth-of-type(1){
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}



#lienHe {
    display: none;
    margin-top: 50px;
}

#lienHe .label-bigwhite-1.lienhe:before {
    background: url('../resources/images/icons/contact.png') no-repeat scroll center center #aa1111;
    background-size: 60% 60%;
}

#lienHe .label-bigwhite-1.lienhe {
    color: #d02d2d;
    text-shadow: 2px 2px 0 #010101;
    -o-text-shadow: 2px 2px 0 #010101;
    -ms-text-shadow: 2px 2px 0 #010101;
    -moz-text-shadow: 2px 2px 0 #010101;
    -webkit-text-shadow: 2px 2px 0 #010101;
}

#thongKe {
    display: none;
    margin-top: 50px;
}

#thongKe .label-bigwhite-1.thongke:before {
    background: url('../resources/images/icons/number.png') no-repeat scroll center center #aa1111;
    background-size: 60% 60%;
}

#thongKe .label-bigwhite-1.thongke {
    color: #d02d2d;
    text-shadow: 2px 2px 0 #010101;
    -o-text-shadow: 2px 2px 0 #010101;
    -ms-text-shadow: 2px 2px 0 #010101;
    -moz-text-shadow: 2px 2px 0 #010101;
    -webkit-text-shadow: 2px 2px 0 #010101;
}


#tableThongKeSo .table-management-1b .loaide {
    width: 200px;
}

#tableThongKeSo .table-management-1b .soranhiunhat {
    width: 200px;
}

#tableThongKeSo .table-management-1b .soraitnhat {
    width: 200px;
}

#tableThongKeSo .table-management-1b .soralientiep {
    width: 200px;
}




#contactMail {
    width: 700px;
    margin-top: 85px;
}


.box-userguide .title {
    background: none repeat scroll 0 0 #5b0000;
    border-radius: 0 25px 25px 0;
    -o-border-radius: 0 25px 25px 0;
    -ms-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0;
    color: #f9feff;
    display: inline-block;
    font: 22px UTMCafeta;
    margin-bottom: 15px;
    padding: 10px 100px 6px 20px;
}

.box-userguide .note {
    color: #ffffff;
    font: bold 13px Arial;
    margin-bottom: 10px;
}

.box-userguide ul.list-step {
    padding-left: 15px;
    margin-bottom: 10px;
    border-left: 5px solid #ffffff; 
}

.box-userguide ul.list-step > li {
    color: #ffd7c6;
    font: bold 12px Arial;
    margin-bottom: 5px;
}

.box-userguide ul.list-step > li:nth-last-child(1) {
    margin-bottom: 0;
}

.box-userguide .ps {
    color: #fff5f5;
    font: italic bold 12px Arial;
}


#ketQuaXS {
    margin-top: 50px;
}

#ketQuaXS > .content {
    overflow: hidden;
    height: 435px;
}

#ketQuaXS .label-bigwhite-1.kqxs:before {
    background: url('../resources/images/icons/list.png') no-repeat scroll center center #aa1111;
    background-size: 60% 60%;
}

#ketQuaXS .label-bigwhite-1.kqxs {
    color: #d02d2d;
    text-shadow: 2px 2px 0 #010101;
    -o-text-shadow: 2px 2px 0 #010101;
    -ms-text-shadow: 2px 2px 0 #010101;
    -moz-text-shadow: 2px 2px 0 #010101;
    -webkit-text-shadow: 2px 2px 0 #010101;
}

#ketQuaXS #filterKQXS {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
    height: 100%;
    padding: 10px 10px 0;
    width: 29%;
}



#threadResultProvince {
    margin-bottom: 30px;
}

#ketQuaXS #tableKQXS {
    width: 69%;
    background: rgba(255, 255, 255, 0.05);
    height: 100%;
    position: relative;
}

#ketQuaXS #tableKQXS > .content{
    position: relative;
    border-left: 6px solid #696868;
}

#ketQuaXS #tableKQXS .no-record {
    font: 15px Roboto;
    color: #FFF;
    padding: 20px 30px;

}

#ketQuaXS #tableKQXS .caption .tinh {
    color: #f09191;
}

#ketQuaXS #tableKQXS .caption .ngaythang {
}



input[type="text"], 
input[type="password"], 
input[type="email"] {
    border: 2px solid #939393;
}




.ui-datepicker {
    width: 100%;
    padding: 0;
    max-width: 335px;
}

.ui-datepicker .ui-widget-header {
    background: none repeat scroll 0 0 #550000;
    border: none;
    padding: 5px 0;
    border-bottom: 2px solid #220808;
}

.ui-datepicker .ui-widget-header .ui-datepicker-next,
.ui-datepicker .ui-widget-header .ui-datepicker-prev {
    top: 8px;
    border-radius: 50%;
    background: none !important;
    border: none!important;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev{
    left: 5px;

}

.ui-datepicker .ui-datepicker-next {
    right: 5px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 5px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 5px;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 9px;
    background: #FFF;
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon-circle-triangle-w {
    background-position: -98px 0;
}

.ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon-circle-triangle-e {
    background-position: -32px 0;
}


.ui-datepicker .ui-datepicker-title {
    margin: 0 30px;
}

.ui-datepicker .ui-datepicker-title select {
    background: none repeat scroll 0 0 transparent;
    color: #e4e4e4;
    font: bold 13px Arial;
    padding: 3px 0;
}

.ui-datepicker .ui-datepicker-title select:nth-child(1) {
    margin-right: 5px;
}

.ui-datepicker.ui-widget-content {
    border: none;
}

.ui-datepicker table {
    background: none repeat scroll 0 0 #230000;
    margin: 0;
    /*border: 1px solid #2b0000;*/
}

.ui-datepicker table thead {
    background: none repeat scroll 0 0 #000000;
}

.ui-datepicker table th {
    line-height: 15px;
}

.ui-datepicker td {
    line-height: 15px;
    padding: 0;
}

.ui-datepicker .ui-datepicker-calendar span {
    color: #ba9894;
    font: 13px Arial
}

.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
    border: 1px solid #3D1818;
    font: 12px Arial;
    padding: 7px 10px;
}

.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 #930000;
    color: #dedede;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker.ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #efb8b8;
    color: #000;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker.ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
    background: none repeat scroll 0 0 #4f4f4f;
    color: #a2a2a2;
}

.ui-datepicker .ui-state-active,
.ui-datepicker.ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
    background: none repeat scroll 0 0 #efb8b8;
    color: #000;
}

.ui-corner-all, 
.ui-corner-top, 
.ui-corner-bottom, 
.ui-corner-left, 
.ui-corner-right, 
.ui-corner-br,  
.ui-corner-bl,
.ui-corner-tr,  
.ui-corner-tl {
    border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar {
    background: none repeat scroll 0 0 #168b66;
    border: medium none;
    color: #fff;
    padding: 10px 5px 10px 15px;
}

.ui-dialog .ui-dialog-title {
    color: #fff;
    font: 18px UTMCafeta;
    text-transform: uppercase;
}

.ui-dialog{
    box-shadow: -1px 2px 0 2px #ffffff;
    padding: 0;
    z-index: 1000;
}

.ui-dialog .ui-dialog-content {
    padding: 20px;
}




.ui-widget-overlay {
    background: none repeat scroll 0 0 rgba(11, 60, 79, 0.75);
    opacity: 1;
    z-index: 500;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: none;
    border: none;
    top: 45%;
}

.ui-dialog .ui-state-default .ui-icon {
    background-image: url("jquery-ui/images/ui-icons_ffffff_256x240.png");
}

.ui-dialog .ui-dialog-buttonpane {
    border-top: 2px solid rgba(58, 109, 83, 0.03); 
    padding: 10px 20px;
}

.ui-dialog .ui-dialog-buttonpane button,
.button-popup {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial!important;
    color: #ffffff;
    font-size: 13px!important;
    padding: 8px 26px;
    text-decoration: none;
    border: none;
    margin: 0 0 0 10px;
    cursor: pointer;
}

.ui-dialog .ui-dialog-buttonpane button .ui-button-text {
    padding: 0;
}

.ui-dialog .ui-dialog-buttonpane button:hover,
.button-popup:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
    border: none;
}

#dialogMessage p {
    color: #362D04;
    font: bold 13px Arial;
}


#tabChonsode {
}

#tabChonsode > ul.tab {
    height: 50px;
    background: none repeat scroll 0 0 #DBECFB;
}

#tabChonsode > ul.tab > li {
    background: #bb7479;
    padding: 3px 35px 0 15px;
    float: left;
    margin-right: 23px;
    position: relative;
    height: 100%;
    cursor: pointer;
}

#tabChonsode > ul.tab > li:before {
    border-bottom: 50px solid rgba(0, 0, 0, 0);
    border-right: 20px solid #bb7479;
    border-top: 0 solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    left: -20px;
    top: 0;
    width: 0;
}

#tabChonsode > ul.tab > li:after {
    border-bottom: 0 solid rgba(0, 0, 0, 0);
    border-left: 20px solid #bb7479;
    border-top: 50px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
}

#tabChonsode > ul.tab > li:nth-child(1):before {
    border-right: 20px solid rgba(0, 0, 0, 0) !important;
}

#tabChonsode > ul.tab > li:hover,
#tabChonsode > ul.tab > li.actived {
    background: #a75c61;
}

#tabChonsode > ul.tab > li:hover:before,
#tabChonsode > ul.tab > li.actived:before {
    border-right-color: #a75c61;
}

#tabChonsode > ul.tab > li:hover:after,
#tabChonsode > ul.tab > li.actived:after {
    border-left-color: #a75c61;
}


#tabChonsode > ul.tab > li > a {
    font: 14px Roboto;
    line-height: 50px;
    text-transform: uppercase;
    color: #e3e3e3;
}

#tabChonsode > ul.tab > li:hover > a,
#tabChonsode > ul.tab > li.actived > a {
    color: #FFF;
    text-decoration: none;
}


#tabChonsode > ul.content {
    border-top: 3px solid #6c6c6c;
}

#tabChonsode > ul.content > li {
    height: 100%;
    display: none;

}

#tabChonsode > ul.content > li.actived {
    display: block;
}










#tabChonsode ul.tab-sp {
    background: none repeat scroll 0 0 #b38383;
    padding: 35px 25px 20px;
}

#tabChonsode ul.tab-sp > li {
    float: left;
    width: 10%;
    height: 7px;
    background: rgba(255, 255, 255, 0.70);
    border-left: 3px solid #b38383;
    border-right: 3px solid #b38383;
    position: relative;
    cursor: pointer;
}

#tabChonsode ul.tab-sp > li:nth-child(1) {
    border-left: none;
}

#tabChonsode ul.tab-sp > li:nth-last-child(1) {
    border-right: none;
}

#tabChonsode ul.tab-sp > li:after {
    content: attr(data-no-right);
    font: bold 13px Times New Roman;
    color: #FFF;
    position: absolute;
    text-align: center;
    top: -17px;
    width: 200%;
    text-shadow: 0 1px 0 #40841d;
    -o-text-shadow: 0 1px 0 #40841d;
    -ms-text-shadow: 0 1px 0 #40841d;
    -moz-text-shadow: 0 1px 0 #40841d;
    -webkit-text-shadow: 0 1px 0 #40841d;
}

#tabChonsode ul.tab-sp > li:nth-child(1):before {
    content: attr(data-no-left);
    font: bold 13px Times New Roman;
    color: #FFF;
    position: absolute;
    top: -17px;
    left: 0;
    text-shadow: 0 1px 0 #40841d;
    -o-text-shadow: 0 1px 0 #40841d;
    -ms-text-shadow: 0 1px 0 #40841d;
    -moz-text-shadow: 0 1px 0 #40841d;
    -webkit-text-shadow: 0 1px 0 #40841d;
}

#tabChonsode ul.tab-sp > li:nth-last-child(1):after {
    width: 100%;
    text-align: right;
}

#tabChonsode ul.tab-sp > li:hover,
#tabChonsode ul.tab-sp > li.actived {
    background: #FFF;
}


#tabChonsode ul.content-sp {
    background: none repeat scroll 0 0 #b38383;
    padding: 5px 0 5px 25px;
    height: 340px;
}

#tabChonsode ul.content-sp > li {
    display: none;
}

#tabChonsode ul.content-sp > li.actived {
    display: block;
}







#tabChonsode .number-checkedgroup {
}

#tabChonsode .number-checkedgroup .checkbox {
    display: inline-block;
    width: 10%;
    float: left;
    margin-bottom: 15px;
}

#tabChonsode .number-checkedgroup .checkbox span {
    font: bold 16px/18px Times New Roman;
}


#rulePlaySode {
    width: 100%;
    background: #FFF;
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
}

#rulePlaySode .description {
    border-left: 5px solid #d7b7b7;
    color: #595959;
    font: 13px/14px Roboto;
    padding-left: 10px;
}


#betSode {
    padding: 20px 15px 10px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
}

#betSode input[type="text"] {
    height: 30px;
    font: bold 15px Arial;
    color: #710110;
    text-align: right;
    padding: 0 5px;
    background: #FFF;
    width: 150px;
    border: 1px solid #771515;
}

#betSode .zero {
    font: bold 15px Arial;
    color: #e0e0e0;
    margin-right: 2px;
}


#betSode .tiente {
    font: bold 15px Arial;
    color: #e0e0e0;
    margin-right: 15px;
}



#betSode .note {
    margin-top: 10px;
    font: bold 12px Arial;
    color: #C1C1C1;
}

#timeCurrent {
}

#timeCurrent .h {
    font: normal 27px Helvetica;
    color: #f09191;
    vertical-align: baseline;
    margin-right: 5px;
}

#timeCurrent .s {
    font: bold 14px Arial;
    color: #b4b4b4;
    vertical-align: baseline;
}

#dayCurrent {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #FFF;
    font: bold 12px Arial;
    margin-top: 5px;
    padding: 3px 15px;
}

#login {
    margin-top: 5px;
}

#login > div {
    margin-right: 15px;
}

#login > div:nth-last-child(1) {
    margin-right: 0;
}




#tableLoading1 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 250px;
    left: 0;
    top: 0;
    z-index: 999999999;
}

#tableLoading1:after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    top: calc( 100%/2 - 60px );
    left: calc( 100%/2 - 60px );
    background: url('../resources/images/loader/circle-loading.gif') no-repeat scroll center center / 150% 150% transparent ;
    border-radius: 50%; 
}



#profileUser {
    display: none;
    margin-top: 50px;
}

#frmlogin div {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

#frmlogin div:nth-last-child(1) {
    margin-bottom: 0px;
}

#frmlogin .button-panel {
    margin-top: 0px;
    text-align: right;
    border-top: 2px solid rgba(58, 109, 83, 0.03);
    padding-top: 10px;
}

#frmlogin input[type="text"] ,
#frmlogin input[type="password"] {
    display: table-cell;
    width: 100%;
}

#frmlogin input[type="text"]:focus ,
#frmlogin input[type="password"]:focus {
    border: 2px solid #99c1e1;
}



#frmlogin label {
    font: normal 13px Roboto;
    color: #0E8296;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: table-cell;
    width: 30%;
}

#profileUser .label-bigwhite-1.ttcn:before {
    background: url('../resources/images/icons/infor-profile.png') no-repeat scroll center center #aa1111;
    background-size: 60% 60%;
}

#profileUser .label-bigwhite-1.ttcn {
    color: #d02d2d;
    text-shadow: 2px 2px 0 #010101;
    -o-text-shadow: 2px 2px 0 #010101;
    -ms-text-shadow: 2px 2px 0 #010101;
    -moz-text-shadow: 2px 2px 0 #010101;
    -webkit-text-shadow: 2px 2px 0 #010101;
}

#PlayerupdatePassword {
    margin-top: 5px;
}

#frmUpdatePassword {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    padding: 20px;
}

#frmUpdatePassword div {
    margin-bottom: 15px;
}

#frmUpdatePassword div.button {
    margin-top: 20px;
    padding-left: 204px;
}

#frmUpdatePassword label {
    display: inline-block;
    font: normal 13px Roboto;
    color: #FFF;
    width: 200px;
}

#frmUpdatePassword input[type="text"],
#frmUpdatePassword input[type="email"],
#frmUpdatePassword input[type="password"]
{
    width: 280px;
}

#frmUpdatePassword .notification {
    color: #ffedc3;
    display: block;
    font: bold 12px Arial;
    margin-top: 5px;
    padding-left: 210px;
}

#PlayerInfor,
#PlayerBalanceInfor {
    width: 50%;
    float: left;
    margin-top: 10px;
}

#PlayerInfor {
    padding-right: 5px; 
}

#PlayerBalanceInfor {
    padding-left: 5px; 
}

#PlayerBalanceInfor > .content,
#PlayerInfor > .content {
    background: none repeat scroll 0 0 #1e1e1e;
    padding: 20px;
    min-height: 160px;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#PlayerBalanceInfor h3,
#PlayerInfor h3 {
    display: inline-block;
    width: 150px;
    font: normal 14px Roboto;
    color: #FFF;
}

#PlayerBalanceInfor span,
#PlayerInfor span {
    color: #E1D0D3;
    display: inline-block;
    font: bold 12px Arial;
    width: 120px;
}

#PlayerBalanceInfor span {
    text-align: right;
}

#PlayerBetHistory {
    margin-top: 40px;
}

#PlayerBetHistory  > .content{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    padding: 20px;
}

#tablePlayerBetHistory {
    margin-top: 20px;
    position: relative;
}

#tablePlayerBetHistory .table-management-1b .no {
    width: 60px;
}

#tablePlayerBetHistory .table-management-1b .khuvuc {
    width: 100px;
}

#tablePlayerBetHistory .table-management-1b .loaide {
    width: 100px;
}

#tablePlayerBetHistory .table-management-1b .tinh {
    width: 100px;
}

#tablePlayerBetHistory .table-management-1b .sodanh {
    width: 100px;
}

#tablePlayerBetHistory .table-management-1b .tiendanh {
    width: 100px;
    text-align: right;
}

#tablePlayerBetHistory .table-management-1b .ngaydanh {
    width: 120px;
}

#tablePlayerBetHistory .table-management-1b .ketqua {
    width: 130px;
}

#frmPlayerBetHistory {
}

#frmPlayerBetHistory span {
    font: normal 13px Roboto;
    margin-right: 5px;
}

#playerBetHistoryDateFrom ,
#playerBetHistoryDateTo {
    width: 200px;
    margin-right: 10px;
}


#betNoNum4 {
    display: inline-block;
    margin-right: 10px;
    width: 75px;
    height: 30px;
}

#betNoNum4.selectedbox label {
    background: #FFF;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    font: bold 13px Arial;
    line-height: 30px;
    color: #388814;
    padding: 0 10px;
    z-index: 10;
    cursor: pointer;
}

#betNoNum4.selectedbox label:after {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #1aa951;
    content: "";
    height: 0;
    position: absolute;
    right: 9px;
    top: 11px;
}

#betNoNum4.selectedbox > ul {
    top: 30px;
    background: none repeat scroll 0 0 #cef1f4;
}




.holder {
    margin:15px 0 0;
}

.holder a {
    background: none repeat scroll 0 0 #4DA7C5;
    border-radius: 15px;
    color: #FFF;
    cursor: pointer;
    font-family: Times New Roman;
    font-size: 11px;
    font-weight: bold;
    margin: 0 2px;
    padding: 5px 12px;
}

.holder a:hover {
    background-color:#107D91;
    color:#FFF;
    text-decoration: none;
}

.holder a.jp-previous {
    margin-left: 0;
    margin-right:10px;
}

.holder a.jp-next {
    margin-right: 0;
    margin-left:10px;
}

.holder a.jp-current,a.jp-current:hover {
    color:#0b8c2c;
}

.holder a.jp-disabled,a.jp-disabled:hover {
    color:#0b8c2c;
}

.holder a.jp-current,a.jp-current:hover,
.holder a.jp-disabled,a.jp-disabled:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
    color: #BEBEBE;
    cursor: default;
}

.holder span {
    margin: 0 5px;
    color: #FFF;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0 #c41c1c;
}



#thongKeSoDeDateFrom ,
#thongKeSoDeDateTo,
#thongKeDateNum,
#thongKeDateProvince {
    display: inline-block;
    width: 200px;
    margin-right: 10px;
}

#thongKeDateNum {
    width: 100px;
}

#tableThongKeSo {
    margin-top: 20px;
}

.table-management-1b .row > span {
    color: #3D3D3D;
}

#tableThongKeSo .table-management-1b .no {
    width: 60px;
    text-align: center;
}

#tableThongKeSo .table-management-1b .tinh {
    width: 120px;
}

#tableThongKeSo .table-management-1b .ngay {
    width: 120px;
}

#tableThongKeSo .table-management-1b .giai {
    width: 800px;
}

#tableThongKeSo .table-management-1b .hightlight {
    color: #b50202;
    font-weight: bold;
    vertical-align: top;
}
